<!--
 * @Author: hutong huareu980@163.com
 * @Date: 2023-06-01 17:40:13
 * @LastEditors: hutong huareu980@163.com
 * @LastEditTime: 2023-06-13 18:26:14
 * @FilePath: /smart-web-app/pages/core/[id].vue
 * @Description: 
-->
<template>
  <div>
    <div class="top-img">
      <img src="~/assets/image/05.jpg" alt="" />
    </div>
    <div class="breadcrumb-box">
      <div class="container">
        {{ $t("nav.home.name") }} > {{ $t("nav.core.name") }}
      </div>
    </div>
    <div class="container pt20 pb20">
      <page-layout
        v-model="navId"
        :title="$t('nav.core.name')"
        :list="info.children"
      >
        <template #content>
          <img
            :src="getCurrentNav.img"
            alt=""
            class="content-img"
            v-if="getCurrentNav.img"
          />
          <div v-html="getContent"></div>
        </template>
      </page-layout>
    </div>
  </div>
</template>

<script setup lang="ts">
const { locale } = useI18n();

const route = useRoute();
const navId = ref<any>("");
const navList = ref([
  {
    id: "1",
    title: "nav.core.child.item1",
    img: "/16.jpg",
    content: {
      zh: `<span style="font-weight:bold;">28纳米低功耗工艺(28nmLP, 28nm SION), </span>采用多种提升应力工艺导入, 能够有效增加器件效能并且缩小芯片尺寸, 并针对有高速需求之客户提供产品应用. 28纳米低功耗工艺相比于40纳米工艺漏电减少30%. 工艺技术提供0.9V/1.8V(2.5V)标准工作电压.目标产品广泛应用于智能手机,智能电视,机顶盒,车用电子,消费型电子,互联网芯片.`,
      en: `<span style="font-weight:bold">The 28nm low-power process (28nmLP, 28nm SION)</span> is a 40nm process migration generation with easy design, accelerated time-to-market, and excellent performance /cost ratio. The 28nm process adopts key strain enhancement technology, which enhances the electron mobility to increase device performance and reduce chip size. Compared with the 40nm process, the 28nm low-power process reduces leakage by 30% and improves the performance by 20%. The application of 28nm in automotive electronics is mainly in AI intelligent SoC chips, micro controller units , RFCMOS radar chips, micro wave radar sensors, CIS , and high-voltage process display driver IC, Wireless communication chips . Due to its excellent performance and power consumption, can be applied to high-end intelligent AI SoC chips, with the increase in the demand for the number of chips in smart cars, further increase the market of 28nm in automotive electronics applications. The process technology provides a standard operating voltage of 0.9V/1.8V (2.5V). Target products are widely used in automotive electronics, smart phones, tablet computers, set-top boxes, automotive electronics, consumer electronics, Internet chips.`,
    },
  },
  {
    id: "2",
    title: "nav.core.child.item2",
    img: "/35.jpg",
    content: {
      zh: "40纳米工艺技术结合了193奈米浸润式曝光显影制程,超低介电系数元件连接材料以及高迁移率应力技术, 拥有更优化的晶片效能与能耗. 相比于55纳米制程, 40纳米晶片尺寸大幅降低并且在同样漏电流的情况下, 40纳米工艺技术效能能增加25%.在相同元件操作速度下, 操作能耗能降低30%. 40纳米工艺在汽车行业不断发展之下越显重要, 中高端车型的功能越显复杂,安全需求与效能需求都急速增加,主要应用于微控制器,雷达单芯片,毫米波雷达传感器,传感类芯片,高压制程的驱动IC, 无线通信晶片, 40纳米工艺拥有高速低能耗尺寸小的优点能够满足消费者的需求 . 技术平台提供三种阈值电压的元件以及输入/输出电压为1.8V，2.5V和3.3V的组件,核心器件电压为1.1V. 主要应用产品为汽车芯片, 手机基带及应用处理器，平板电脑多媒体应用处理器，电视",
      en: "The 40nm process technology implements 193nm immersion lithography system, ultra-lowK dielectric coefficient connection material and high electrical mobility strain technology to improve device performance and power consumption. Compared with the 55nm process, the size of the 40nm wafer is greatly reduced, and under the same leakage current, the performance of the 40nm process can be increased by 25%, and the power consumption can be reduced by 30% at the same device speed. 40nm technology is becoming more and more important under the continuous development of the automotive industry, the functions of premium cars are becoming more complex, safety requirements and efficiency requirements are increasing rapidly, mainly used in micro controller units , RFCMOS radar chips, micro wave radar sensors, CIS , and high-voltage process display driver IC , Wireless communication chips . The 40nm process has the advantages of high speed, low power consumption and small size to meet the needs of consumers. The technology platform offers three input/output voltages of 1.8V, 2.5V and 3.3V, with core device voltages of 1.1V. The main application products are automotive electronics ,mobile phone baseband and application processor, tablet computer, TV.",
    },
  },
  {
    id: "3",
    title: "nav.core.child.item3",
    img: "/05.jpg",
    content: {
      zh: "55纳米低功耗制程 (55LP) 是根据成熟的65纳米制程90%微缩而来, 具有高性能，节能的优势，可以增加先进技术成本的优化及设计成功的可能性. 相对65纳米制程, 55纳米制程可提供客户更小的芯片尺寸，同时以相近或更低的功率维持相同的效能. 55纳米在车用电子上的应用主要为微控制器,功率器件半导体(IGBT),传感类芯片,高压制程的驱动IC,等等产品,利用该工艺在面积,性能和功耗方面的显著优势技术, 提供更好的燃油效率、更高的安全标准、更强的车载通信与娱乐能力.平台提供三种阈值电压的元件以及输入/输出电压为1.8V,2.5V和3.3V的组件,核心器件电压为1.2V, 目标产品主要针对高性能低功耗的应用产品, 如车用电子,物联网以及穿戴式装置,行动装置,电脑等等",
      en: "The 55nm low-power process (55LP) is 90% shrink from 65nm process, which has the advantages of high performance and  low power, which can increase the success possibility of advanced technology development . Compared to the 65nm process, the 55nm process can provide customers with a smaller chip size while maintaining the same performance at similar or lower power. The application of 55nm in automotive electronics is mainly for micro controller units , power device(IGBT), CIS sensor chips, high-voltage process Display driver IC .Taking advantage of the significant advantages of this process in terms of area, performance and power consumption, providing better fuel efficiency, higher safety standards, and stronger in-vehicle communication and entertainment capabilities . The technology platform provides three input/output voltages of 1.8V, 2.5V and 3.3V, and core device voltages of 1.2V, targeting high-performance and low-power applications such as automotive electronics , mobile devices, computers, Internet of Things, and wearable devices",
    },
  },
]);
navId.value = route.params?.id ?? "";

const { data } = <any>await useGetFetch("/t/53", { lang: locale.value });
const { info } = useContentInfo(data.value.result);

const getCurrentNav = computed<any>(() => {
  if (!navId.value) return {};
  return info.value.children.find((item: any) => item.id === navId.value);
});

const getContent = computed(() => {
  return getCurrentNav.value?.content[locale.value];
});
</script>
<style scoped lang="scss">
.top-img {
  font-size: 0;
  img {
    width: 100%;
    height: 398px;
    object-fit: cover;
  }
}
.breadcrumb-box {
  background-color: #eeeeee;
  .container {
    padding: 20px 0;
    font-size: 14px;
    cursor: pointer;
  }
}
.content-img {
  height: 165px;
  width: 100%;
  object-fit: cover;
}
</style>
